<!DOCTYPE html>
<html lang="zh"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>办公中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link th:href="@{/res/notice/lib/weui.min.css}" rel="stylesheet"/>
    <link th:href="@{/res/notice/css/jquery-weui.css}" rel="stylesheet"/>
    <link th:href="@{/res/notice/css/common.css}" rel="stylesheet"/>
</head>
<body>

    <div class="swiper-container w100">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner4.jpg}"  class="w100 ht200 block"></div>
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner2.jpg}"  class="w100 ht200 block"></div>
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner3.jpg}"  class="w100 ht200 block"></div>
            <div class="swiper-slide"><img th:src="@{/res/notice/img/banner1.jpg}"  class="w100 ht200 block"></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>

    <a th:href="@{/mobile/notice?token=} + ${token}"class="w95 mauto mt15 h70 radius4 ptb10 flex alcenter" style="background: #dcf2e5; box-shadow: 0 5px 5px rgba(0,0,0,0.1);">
        <img th:src="@{/res/notice/img/nywx.png}" class="wt50 h50 mlr20">
        <p class="ft16">通知管理</p>
    </a>

    <!--<a th:href="@{/mobile/knowledge?token=} + ${token}" class="w95 mauto mt15 h70 radius4 ptb10 flex alcenter" style="background: #f3f7dc; box-shadow: 0 5px 5px rgba(0,0,0,0.1);">
        <img th:src="@{/res/notice/img/wssq.png}" class="wt50 h50 mlr20">
        <p class="ft16">知识库</p>
    </a>-->



    <script th:src="@{/res/notice/lib/jquery-2.1.4.js}"></script>
    <script th:src="@{/res/notice/js/jquery-weui.js}"></script>
    <script th:src="@{/res/notice/js/swiper.js}"></script>
    <script  th:inline="javascript">
        $(function () {

            let mySwiper = new Swiper('.swiper-container', {
                loop : true,
                autoplay: 3000,//可选选项，自动滑动
                pagination: '.swiper-pagination',// 分页器
            })
        })
    </script>
</body>
</html>
